<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<span><template shadowrootmode="open"><canvas width="200" height="100" style="border:1px solid #c3c3c3;"></template></span>
</body>
<script src="../../common.js"></script>
<script>
utils.loadShadowDoms();
var d = document.querySelector('span');
var s = d.shadowRoot;
var c = s.querySelector("canvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0000FF";
ctx.fillRect(50, 0, 100, 75);
</script>
</html>
